.banner{
    width: 100%;
    height: 256px;
    background-image: url(../img/ba.jpg);
    background-repeat: repeat-x;
    position: relative;
    top: -21px;
    padding-right: 50px;
    .blogname{
        margin-left: 90px;
        margin-bottom: 20px;
    }
    .title{
         margin-left: 90px;
    }
}

.ba{
    width: 100%;
    height: 256px;
    background-image: url(../img/ba.jpg);
    background-repeat: repeat-x;
    position: relative;
    top: -21px;
    padding-left: 102px;
    padding-top: 20px;
}
.container{
    margin-top:0;
}
ul {
    margin-top: 155px;
    margin-bottom: 10px;
}
.main-img{
    width: 80%;
    height: auto;
    margin: auto;
    text-align: center;
    padding-bottom: 10px;
}
.content .list {
    height: auto;
    display: flex;
    padding: 20px;
    border-bottom: 1px #ccc solid;
}
.row{
    margin-top: -142px;
}
.btn-primary{
    background-color: #C9302C;
    border-color: #C9302C;
}
.btn-primary:hover{
    background-color: #C9302C;
    border-color: #C9302C;
}
.sa{
    margin-top: -150px;
}
.word{
    position: relative;
    top: -85px;
}
